<template>
	<div class="svideo-head">
		<div class="page_content df ac">
			<span class="svideo-head__seat">当前位置：</span>
			<el-breadcrumb style="--el-text-color-primary:#979797;--el-text-color-regular:#979797">
				<el-breadcrumb-item :to="{ path: '/' }" :replace="true">首页</el-breadcrumb-item>
				<el-breadcrumb-item v-if="store.path.title" @click="go" style="cursor: pointer;">{{ store.path.title
					}}</el-breadcrumb-item>
				<!-- <el-breadcrumb-item>{{ title }}</el-breadcrumb-item> -->
				<el-breadcrumb-item>{{ title1 }}</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
	</div>
</template>

<script setup lang="ts">

import { useUserStore } from '@/stores';
import { useRouter } from 'vue-router';
//组件命名-----
defineOptions({ name: "videoc-header" })
withDefaults(defineProps<{
	title?: any;
	title1?: any;
}>(), {
}
);
const store = useUserStore()
const router = useRouter()
const go = () => {
	console.log("🚀 ~ file: header.vue:35 ~ go ~ store.path:", store.path)

	router.push({
		path: store.path.path,
		query: store.path.query
	})
}
</script>

<style lang="scss" scoped>
.svideo-head {
	height: 40px;
	background-color: #282828;

	&__seat {
		color: $color1;
		font-size: 14px;
		line-height: 1;
	}
}
</style>
